/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";

.backgroundimg(@url) {
    background: #31c6cc @url 0.1rem center no-repeat;
    background-size: 0.25rem 0.25rem;
    padding-left: 0.2rem;
}

#index {
    font-size: 14px;
    margin-bottom: 0.5rem;
    .top {
        width: 100%;
        height: 50px;
        background-color: #000;
        opacity: 0.4;
        padding-top: 15px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999; 
        .search {
            width: 90%;
            margin: 0 auto;
            border: 1px solid #fff;
            border-radius: 20px;
            .textVC(30px);
            color: #fff;
            position: relative;
            padding-left: 30px;

            i {
                width: 45/2px;
                height: 20px;
                position: absolute;
                background: url("../images/icon/sprites.png") -387/1.8px -183/1.8px no-repeat;
                background-size: 750/1.8px;
                top: 5px;
                left: 5px;
            }
        }
    }

    #index-section {
        .max-width();
        .swiper-container{
            .ske(499/750*100%);
        }

            .travel-list {
                 .w(750);
                 margin: 0 auto;
                padding: 0.06rem;
                font-size: 0.16rem;

                ul {
                    .clearfix();
                    margin-bottom: 0.05rem;

                    li {
                        width: 33.5%;
                        height: 0.435rem;
                        float: left;

                        a {
                            display: block;
                            color: #fff;
                            letter-spacing: 0.03rem;
                            .textVC(0.435rem);
                            text-align: center;
                        }

                        &:first-child {
                            background: url("../images/icon/btnlist0323_03.jpg") center no-repeat;
                            background-size: 2.17/2rem;
                            width: 2.17/2rem;
                            height: 1.84/2rem;
                            margin-right: 0.06rem;
                            text-align: center;

                            a {
                                height: 1.84/2rem;
                            }
                        }

                        &:nth-child(2),
                        &:nth-child(3) {
                            margin-bottom: 0.05rem;
                        }

                        &:nth-child(5),
                        &:nth-child(3) {
                            margin-left: 0.05rem;
                        }
                    }

                    &:nth-child(1) {
                        li:nth-child(2) {
                            .backgroundimg(url("../images/icon/ltbtn0323_03.png"));
                            background-color: #ff9f26;
                        }

                        li:nth-child(3) {
                            .backgroundimg(url("../images/icon/ltbtn0323_13.png"));
                            background-color: #ff9f26;
                        }

                        li:nth-child(4) {
                            .backgroundimg(url("../images/icon/ltbtn0323_06.png"));
                            background-color: #de4989;
                        }

                        li:nth-child(5) {
                            .backgroundimg(url("../images/icon/ltbtn0323_08.png"));
                            background-color: #de4989;
                        }
                    }

                    &:nth-child(2) {
                        li:first-child {
                            background-image: url("../images/icon/btnlist0323_06.jpg");
                        }

                        li {
                            &:nth-child(2) {
                                background: url("../images/icon/btnlist0323_08.jpg") center no-repeat;
                                background-size: 100% 100%;
                                padding-left: 0.2rem;
                            }

                            &:nth-child(3) {
                                background-color: #3aace0;
                            }

                            &:nth-child(4) {
                                .backgroundimg(url("../images/icon/ltbtn0323_10.png"));
                            }

                            &:nth-child(5) {
                                background-color: #33b6d2;
                            }
                        }

                    }

                    &:nth-child(3) {
                        margin-bottom: 0;

                        li:first-child {
                            background-image: url("../images/icon/btnlist0323_12.jpg");
                        }

                        li {

                            &:nth-child(2),
                            &:nth-child(3) {
                                background-color: #bac731;
                            }

                            &:nth-child(4) {
                                background-color: #82c631;
                            }

                            &:nth-child(5) {
                                background: url("../images/icon/btnlist0323_14.jpg") center no-repeat;
                                background-size: 100%;
                            }
                        }
                    }
                }
            }

            .ad {
                display: block;
                .ske(176/750*100%);

                img {
                    .imgBlock();
                }
            }

    }
 
       .tabbar {
           a:nth-child(1) {
               color: blue;
           }
       }
        
}